
@font-face {
    font-family: 'ue';  /* project id 519832 */
    src: url('../../t/font_519832_hpjffdg3sfhto6r.eot');
    src: url('../../t/font_519832_hpjffdg3sfhto6r.eot?#iefix') format('embedded-opentype'),
    url('../../t/font_519832_hpjffdg3sfhto6r.woff') format('woff'),
    url('../../t/font_519832_hpjffdg3sfhto6r.ttf') format('truetype'),
    url('../../t/font_519832_hpjffdg3sfhto6r.svg#ue') format('svg');
}
.ue{font-family:"ue" !important;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-stroke-width: 0.2px;}



html,body,input{font-size:14px;font-family:"Century Gothic","Microsoft yahei";color:#323232}
body{opacity: 0; transition: opacity 0.2s}
body.active{opacity: 1}
*{margin:0;padding:0;border:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
@keyframes change{10%{opacity:1}10%{opacity:1}20%{opacity:1}30%{opacity:1}40%{opacity:1}50%{opacity:1}60%{opacity:0.5}70%{opacity:0.5}80%{opacity:0.5}90%{opacity:0.5}100%{opacity:0.5}} 
ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:normal;margin:0 0 15px 0;color:#333;line-height:1.3em}
img,button{border:none;outline:none}
.clear{clear: both}

.fr,.demo-header .navbar li.fr,.in-a-list li span,.sidebar .widget ul u{float:right}
ol,.entry-content ul{list-style-type: decimal;margin: 0 0 1.75em 5.1em;}
.entry-content ul{list-style: circle;}
.entry-content ol li,.entry-content ul li{line-height: 2.1em;list-style: inherit;}

.main-wrap{overflow: inherit;border-bottom: 1px solid #eee;padding-bottom: 20px;}
u,em,i{font-style:normal;text-decoration: none;}
/*a{text-decoration:none;-webkit-transition: all 0.18s ease-out;-moz-transition: all 0.18s ease-out;-ms-transition: all 0.18s ease-out;-o-transition: all 0.18s ease-out;transition: all 0.18s ease-out;}*/
a{text-decoration:none;}
.current-page-header{height:180px}

.entry-content h6{font-weight:bold}
.wrap{max-width:1170px;margin:0 auto;padding:30px 0}
.current-page-header h2{font-weight:bold;margin-bottom:20px}
.current-page-header h4{margin-bottom:40px}
.current-page-header h4{margin-bottom:10px}
.current-page-header h4 span{margin:0 10px}
.current-page-header h4 i{font-style:normal}
.current-page-header h4 ul{margin:0}


.current-page-header .divshare,.flexslider h3{margin-bottom:32px}
.share_div ul{margin:0}
.share_div li{margin:0 3px}
.share_div .icon-wechata{background-position:0 -1612px}
.local{width:1170px;margin:0 auto}
input{outline:none}
.admin{color:#0C0E0B}
/*高度 58PX*/
.header,.header .head-fixed{height:58px}
/* 描边 border #DDD */
.mb,.b-men ul li a,.tool a,.category-men li a,.all-men li a,.article-class-men li a,.tool-main{border: 1px solid #ddd}
.bdsharebuttonbox{display:table;margin:auto}
/* 去边 border none */
.search-btn,.entry-content table,.info-img img.img_zoom_in,.entry-content img.img_zoom_in,.flexslider form .slide7-host,iframe{border:none}
/* 去除背景 background none */
#flinks a.a1,.demo-header .navbar li a.arve,.input-content{background:none}
/* a:hover ___ */
.loop-nav a:hover,.footer-men-list a:hover,.main-content .entry-content a:hover,.about a:hover,.likes li div.title p a:hover,.in-a-list li a:hover
,.current-page-header h4 a:hover,.login-window .login-bot a.fr:hover,.com-aite:hover{text-decoration: underline}
/* 手式 */
.biaoqiang-window ul li,.search-btn,.mark,.mask2,.slide7-icon,.top-so,.cla-this,.so-ar button,.jquery-men .local,.tool-small span,.sidebar .tabs-line span
,.flexslider form button,.dmaku-dt li,.top-so-b li,#banquan #add_favorite,.preview-nav-list-block span,.btn,.biaoqing,button,.com-reply{cursor:pointer}
/* float:left */
.fl,.like,.share-a,.biaoqiang-window ul li,.search-input,.tags a,.likes ul li,.login-window .login-div .login-input,.so-show
,.in-a-list li a.c-men,.in-a-list li,.footer-men li,.sidebar .tabs-line span,.category-men li,.work-list-box .list-content ul li,.jquery-men-top ul li
,.card-info .card-info-title .title-content,.tool-list,.page .pagination li,.tool-list .tool-list-icon,.demo-header .navbar li,.flexslider form .slide7-icon,.flexslider form input,.flexslider form button
,.moban-head li,.b-men ul,.all-men li,.article-class-men li,.tool-list .tool-list-link,.user-menu li{float:left}
/*overflow*/
.ov,.reward-empty,.user-info a img,.post-meta .avatar,.site-search-form,.likes li div.title p a,.login-window,.login-window .login-div,.art-a li,.tags a,.login-window .login-div .login-ico,.biaoqiang-window ul,.biaoqiang-window ul li,
.in-a-list,.in-a-list li a.c-title,.footer-men,.footer-men-list i,.entry-title,.sidebar .widget li.most-view,.category-men,.category-men li a,.card-info .card-info-title,.card-info .card-info-title .title-content,.moban-head ul
,.b-men,.icon,.page .pagination,.all-men li a,.article-class-men li a,.article-class-men,.preview-nav-list,.jsontext .linedwrap,.tool-list h3
,.tool-list .tool-list-desc,.tool-list .tool-list-link,.tool-list-a,.tags{overflow:hidden}
/*白色color*/
.c-white,.demo-dow a,.search-btn:hover,.search-btn,.post-meta li.jr,.post-meta li.jr a,.header .cate ul li a:hover,.ptags a:hover,.reward .reward-a,.header .so-login-men .login-button:hover,.rt-men .back-top,.navigation a
,.navigation a,.tags a:hover,.art-a li span,.art-a .art-img a h5,.login-window .login-go,.login-window .register-go,.login-bot .qq-login,.login-bot .wb-login
,.comment .release,.com-reply:hover,.com-page .com-page-next,.rt-men .back-top:hover,.article-class-men .this,.article-class-men a:hover,.tool-small ul a:hover,.user-bcate a:hover
,.top-so-b li:hover,.text-center a:hover,.footer-men .fo-men-gd,.sidebar .tabs-line span.current,.category-men a:hover,.so-ar i,.dmaku-dt li:hover,.flexslider form button,.moban-head li:hover a,.moban-head li.this a
,.demo-header .navbar li a.arve,#flinks a:hover,.demo-header .navbar li a,.demo-header .navbar span,.btn,
.user-main .user-name a,.user-menu li a:hover,.user-all .header .nav-men ul li a:hover,.user-all .header .so-login-men .login-button,.user-all .so-show,.user-all .wap-men,
.user-name .user-name-title p,.user-menu li a.this,.page .pagination .active span,.page .pagination li a:hover,.too-css-dmen a:hover,.flexslider h3{color:#fff}
/*白色background*/
.header .cate ul,.reward-empty span,.header .head-fixed,.container-fluid,.mark.modal-show-for-img,.tool a
,.login-title span,.biaoqiang-window ul,.footer-men,.mm-menu,.linkbox,.in-a-list,.about,.login-menu .user-bcate,.fabulous,.category-men li a,.work-list-box .list-content ul li
,.flexslider form,.dmaku-dt,.top-so-b,.no-find,.moban-head,.jquery-men,.b-men,.page .pagination li a,.pagination li span,.all-men li a,.article-class-men li a,
iframe,.demo-header .navbar li a.ma .erl,.preview-phone,.preview-phone2,.preview-landscape,.preview-portrait,.preview-nav-list,.tool-small ul,.jsontext .linedwrap
,.input-content{background-color:#fff}
/* 描边 #4DA7FD*/
.tags a:hover,.text-center a:hover,.text-center a,.rt-men .back-top,.rt-men a:hover,.com-reply:hover,.category-men a:hover,.b-men ul li a:hover,.too-css-dmen a:hover{border:1px solid #4DA7FD}
/* 背景 4DA7FD*/
.post-meta li.jr,.header .cate ul li a:hover,.navigation a:hover,.rt-men .back-top,.login-window .login-go,.login-window .register-go
,.login-bot .qq-login,.comment .release,.com-reply:hover,.com-page .com-page-next,.tool-small ul a:hover,.user-bcate a:hover,.text-center a:hover
,.category-men a:hover,.page .pagination .active span,.page .pagination li a:hover,.too-css-dmen a:hover{background-color:#4DA7FD}
/* 背景  f5f5f5*/
.current-page-header,.entry-content p code,.all-men,.all-work-list,.tool-men,.tool-title{background-color:#f5f5f5}
/* 背景 #313439 */
.article-category .page .pagination .active span,.article-category .page .pagination li a:hover{background-color:#313439}
/* 背景 #FF5E52 */
.top-so-b li:hover,.search-btn,.so-ar i,.bat .del{background-color:#FF5E52}
/* color: #FF5E52*/
.main-content .entry-content a,.about a,.entry-content p code{color:#FF5E52}
/* color #999 */
.search-input,.like,.share-a,.rt-men a,.com-time,h3.widget-title,.no-find p,.tool-list .tool-list-link{color:#999}
/* color #525252 */
.header .nav-men ul li a,a,.entry-content p{color:#525252}
/* color #4DA7FD */
.tool a:hover,.loop-nav a,.art-a li a,.header .nav-men a:hover,.biaoqing i:hover,.rt-men a:hover,.login-window .login-bot a.fr,.login-bot span.fr a,.com-title,.com-aite
,.entry-title a:hover,.linkbox a:hover,.text-b a:hover,.b-men ul li a:hover,.all-men li a:hover,.preview-nav-list-block span.active,.preview-nav-list-block span:hover,.in-a-list li a:hover
,.likes li div.title p a:hover,.in-a-list h3 a.fr:hover,.text-center a{color:#4DA7FD}
/* color #888 */
.current-page-header h4,.post-meta,.post-meta a,.tags a,.linkbox a,h2.recom-title,.category-men li a,#flinks a{color:#888}
/*顶部  margin-top40*/
.mt-40,.likes,.com-list,.comment,.article-category .container-fluid,#banquan,.preview-phone,.preview-phone2,.preview-landscape,.preview-portrait{margin-top:40px}
/* 高 50px */
.search-btn,.search-input,.rt-men a span,.reward-like,.login-window .model-logo,.login-window .login-bot,.flexslider form,.flexslider form .slide7-host
.jquery-men-top ul li{height:50px}
/* line-height: 50px; */
.top-so span,.rt-men a span,.login-window .login-bot,.flexslider form .slide7-icon,.flexslider form input,.flexslider form button,.jquery-men-top ul li
,.demo-header .navbar li{line-height: 56px}
/* 高40px */
.demo-dow a,.close-popup,.article-category .current-page-header{height:40px}
/* line-height 40px */
.demo-dow a,.login-menu .user-bcate,.login-window .login-go,.login-window .register-go,.close-popup{line-height:40px}
/* 高 35px */
.sidebar .tabs-line,.sidebar .tabs-line span,.so-ar .search-input,.user-menu li a{height:35px}
/* line-height 35px */
.sidebar .tabs-line,.sidebar .tabs-line span,.moban-head li{line-height:35px}
/* 顶部  margin-top10 */
.user-info,.user-info a span,.com-body,.com-page .com-page-next,.t-10,.footer-men-list,.mm-menu ul,.entry-summary,.work-list-box ul,.footer-men .fo-men-gd{margin-top:10px}
/* position fixed */
.header .head-fixed,.header .search,.mm-menu,.rt-men,.current-page-header,.navigation a,.fixed-show,.mask2,.mark{position: fixed}
/*.demo-header{position:fixed}*/

/* position relative */
.header,.main-wrap,.header .cate,.reward-like,.main-wrap,.post-meta ul,.local,.art-img,.container-fluid,.info-img img,.entry-content img,.login-bot .qq-login i,.login-bot .wb-login i,.footer-men-title i,.tool a i,.login-title,.login-title span,.comment .com-list li
,.com-page .com-page-next,.com-reply i,.biaoqiang-window ul,.biaoqiang-window ul li:hover,#footer,.jquery-men,.user-main,.login-menu,.preview-phone2
,.preview-landscape,.preview-portrait,.preview-phone,.work-list-box .list-content ul li,.flexslider form,.tool-list a.tool-list-btn{position:relative}
/* position absolute */
.reward-a,.reward-empty,.header .cate ul,.art-img h5,.layui-layer-page.bq-position,.login-title:after,.login-window .login-bot
,.close-popup,.com-title,.com-time,.com-reply,.fabulous,.user-menu,.preview-home,.preview-view,.preview-phone2 .preview-top span
,.preview-phone2 .preview-top i,.preview-landscape .preview-top span,.preview-landscape .preview-top i,.login-menu .user-bcate{position:absolute}  
/* size 30px */
.f-30,.post-meta li.fr span,.flexslider h3{font-size:30px}
/* size 20px */
.f20,.ptags i{font-size:20px}
/* size 18px */
.f18,.entry-content h6,.small-title,.in-menc i,.no-find,.jquery-men-top .ti-mt,.demo-header .navbar li a i,.tool-title h4{font-size:18px}
/*size 16px*/
.footer-men-title,.f16,.header .so-login-men .login-button i,.demo-dow a i,.search-input,.search-btn,local.reward .reward-a,.close-popup i,.in-menc,.login-title span,.b-men ul li i
,.demo-header .navbar span,.tool-list h3,.user-name-title a i,.user-list-left ul a i{font-size:16px}
/*size 15px*/
.f-15,.header .nav-men ul li a,.entry-content p,.com-title i,h2.recom-title{font-size:15px}
.header .cate ul li a,.linkbox h3 span,.in-a-list h3 a.fr,.text-b a,.card-info .card-info-title a,.flexslider form .slide7-icon,.flexslider form input,.flexslider form button
,#flinks a,.span-content,.user-name .user-name-title a span.dm-b{font-size:14px}
/*size 13px*/
.tags a,.art-a li span,.entry-summary,.linkbox a,h3.widget-title,.b-men ul li a,.sidebar .widget ul u,.tool a{font-size:13px}
/*size 12px*/
.ptags a,.footer-men-list a,.list-info,.sidebar .tabs-line span,.sidebar .widget li.most-view,.so-ar .search-input,.card-info .card-info-type,.card-info .card-info-item,
#banquan,.preview-nav-list-block span,.com-time{font-size: 12px;}
/*字体 28PX*/
.current-page-header h2,.rt-men a span i,.navigation a i{font-size: 28px;}
/*圆角 50%*/
.reward-empty span,.user-info a img,.reward .reward-a,.login-menu img,.user-name-tou,.preview-top i,.preview-home,.post-meta .avatar{border-radius:50%}
/*圆角 2PX*/
.like,.share-a,.header .so-login-men .login-button,.demo-dow a,.post-meta li.jr,.ptags a,.rt-men a,.art-a li span,.login-bot .qq-login
,.login-bot .wb-login,.comment .release,.com-p img,.com-reply,.fabulous,.footer-men .fo-men-gd,.category-men li a,.moban-head li:hover,.moban-head li.this,.article-class-men .this,.article-class-men a:hover
,.b-men ul li a,.all-men li a,.article-class-men li a{border-radius:2px}
/* 圆角4PX */
.entry-content p code,.header .cate ul,.login-window .login-go,.login-window .register-go,.login-window .login-bot,.comment .field textarea,.com-page .com-page-next,
.login-menu .user-bcate,.work-list-box .list-content ul li,.text-center a,.flexslider form,.page .pagination li a,.pagination li span,.jsontext .linedwrap
,.tool-small ul,.span-content,.user-name .user-name-title a span.dm-b,.input-content,.tool-list,.success,.error{border-radius: 4px}
/* 隐藏 display:none*/
.wap-men,.rt-men .hidden,.header .cate ul,.article-tab .art-a,.im-men,.preview-phone-block,.article-class-men,.login-menu .user-bcate,.dmaku-dt,.top-so-b
,.demo-header .navbar li a.ma .erl,.tool-small ul{display:none}
/*displ block*/
.advdbg a,.post-meta .avatar img,.user-info a span,.likes li div.title p a,.loop-nav span,.reward-like .share-a,.like,.reward-empty span,.rt-men a,.rt-men a span,.navigation a,.small-title,.article-tab .art-a.on
,.user-bcate a,.has-border,.mm-menu ul li a,.tool a,.login-window .login-div .login-input input,.login-window .login-go,.login-window .register-go
,.com-page .com-page-next,.footer-men .fo-men-gd,.has-border em,.has-border img,.has-border em:after,.sidebar .tabs-line span,h2.recom-title span
,.category-men li a,.flexslider form .slide7-icon,.flexslider form input,.flexslider form button,.flexslider form .slide7-host
,.slide7-icon:hover .dmaku-dt,.top-so:hover .top-so-b,.moban-head li a,.b-men ul li a,.page .pagination li a,.pagination li span,
.all-men li a,.article-class-men li a,.about img,.demo-header .navbar li a,.demo-header .navbar li a.ma .erl img,.navbar li a.ma:hover .erl
,.preview-phone .preview-top i,.preview-phone .preview-top span,.preview-phone2 .preview-top i,.preview-phone2 .preview-top span,.preview-landscape .preview-top i
,.preview-landscape .preview-top span,.preview-portrait .preview-top i,.preview-portrait .preview-top span,.tool-small ul a,.tool-title,.input-content
,.user-name .user-name-title a,.user-list-left ul a{display:block}
/*inline-block*/
.header .nav-men ul li,.header .nav-men ul li a,.demo-dow a,.share_div li,.so-show,.hot-icon,.post-meta .avatar
,.ptags a,.footer-men-title i,.header .cate:hover ul,.tool a i,.login-title span,.login-bot .qq-login i,.login-bot .wb-login i,.com-reply i,.linkbox a,.z180,.login-menu
,.top-so span,.login-menu:hover .user-bcate,.text-center a,.in-a-list li a.c-title,.footer-men-list a,.footer-men-list i
,.so-ar i,.card-info .card-info-title .title-content,.flexslider form,#flinks a,.icon,.page .pagination
,.preview-nav-list-block span,.tool-small ul li,.tool-men .tool-small,.tool-men .tool-small span,.tool-men .tool-small:hover ul,.btn,.tool-list a
,.tool-list a.tool-list-btn,.user-menu li a{display:inline-block}
/* display:inline; */
.current-page-header h4 ul,.current-page-header h4 ul li,.post-meta li{display:inline}
/*居中*/
.user-info,.header .cate ul li,.info-img,.share_div,.advdbg a,.demo-dow,.demo-dow a,.current-page-header,.reward-like .share-a,.reward .reward-a,.rt-men,.navigation a,.biaoqiang-window ul li
,.tags a,.login-window .login-go,.login-window .register-go,.login-title,.login-title span,.login-window .login-div .login-ico
,.close-popup,.com-null-w,.top-so,.login-menu .user-bcate,.fabulous,.text-center,.footer-men .fo-men-gd,.sidebar .tabs-line span,.category-men li a,.flexslider
,.no-find,.im-men,.page,.all-men li a,.article-class-men li a,.about h1,.demo-header .navbar span,.demo-header .navbar li a.ma .erl,.tool-small ul li,.tool-men .tool-small span
,.span-content,.user-menu li{text-align:center}
/*z-index 999*/
.navigation a,.mark.modal-show-for-img,.mask2{z-index:999}
/* z-index 1 */
/* .mm-menu.push{z-index:1} */
/* ICO */
.tool a i,.wrap .bdsharebuttonbox a,.login-window .model-logo,.login-bot .qq-login i,.login-bot .wb-login i,.com-reply i,.footer-men-title i,.icon{background: url(../images/ico.png) no-repeat;}
/* top 3 */
.tool a i,.login-bot .qq-login i,.login-bot .wb-login i,.com-reply i{top:3px}
/* top 0*/
/* top 50% */
.preview-landscape .preview-home,.preview-phone2 .preview-home{top:50%}
/* left 50% */
.rt-men,.rt-men a,.preview-phone .preview-home,.preview-portrait .preview-home,.tool-list a.tool-list-btn::before{left:50%}
/* 宽度100% */
.header .head-fixed,.fixed-show .has-border,.demo-dow,.header .search,.header .cate ul li,.header .cate ul li a
,.art-a .art-img a img,.art-a .art-img a h5,.likes ul li img,.mark,.login-window .login-div,.login-window .login-bot
,.login-title:after,.login-window .login-div .login-input input,.mask2,.tool-small ul li,.preview-phone-block,.preview-phone .preview-top
,.preview-portrait .preview-top,iframe{width:100%;}
/* 高度100% */
.mark,.mm-menu,.mask2,.preview-phone2 .preview-top,.preview-landscape .preview-top{height:100%}
.header .nav-men ul li div{position: relative;top:6px;}
.wb-login{background-color:red;}
.login-bot .qq-login:hover,.login-bot .wb-login:hover,.login-window .login-go:hover,.login-window .register-go:hover,.com-page-next:hover,.release:hover,.rt-men .back-top:hover,.footer-men .fo-men-gd:hover,.flexslider form button:hover,.reward .reward-a:hover,.so-ar i:hover,.search-btn:hover,.btn:hover,.user-all .header .so-login-men .login-button:hover
{opacity: .8;FILTER: alpha(opacity=80);}

.mask2{background: rgba(0,0,0,0.3);opacity:0}

.top-so{position: absolute;right: 29%;width: 80px;}

.z180{transition: transform ease .3s;transform-origin: 58% 48%;}


.top-so i{margin-right:5px}



/* 百度分享图标 */
.wrap .bdsharebuttonbox a{height: 25px;padding-left:25px;}
.bdsharebuttonbox a.bds_qzone{background-position-y: -26px;}
.bdsharebuttonbox a.bds_weixin{background-position-y: -52px;}
.bdsharebuttonbox a.bds_tsina{background-position-y: -78px;}
.bdsharebuttonbox a.bds_bdhome{background-position-y: -104px;}
.bdsharebuttonbox a.bds_huaban{background-position-y: -130px;}
.bdsharebuttonbox a.bds_tqq{background-position-y: -156px;}
.bdsharebuttonbox a.ttmore{background-position-y: -182px;}
.bdsharebuttonbox a.bds_mogujie{background-position-y: -208px;}
.bdsharebuttonbox a.bds_ty{background-position-y: -234px;}
.public .local{width:1400px}
.main-wrap{z-index:inherit}
.current-page-header{left:0;right:0}
.container-fluid{margin-top:180px;}
.header .head-fixed{z-index:3;}
.header .search{z-index:2;}
.header .head-fixed{-webkit-box-shadow:1px 1px 2px #eee;box-shadow:1px 1px 2px #eee;}
.header .logo{padding-top:11px}
.header .nav-men{margin-left:20px}

.header .nav-men ul li a{padding:20px;vertical-align:middle}
.header .so-login-men{line-height:58px}
.header .so-login-men .login-button{padding:5px 10px;border:1px solid #ccc;margin-left:20px}
.header .so-login-men .login-button:hover{background:#fe4800;border:1px solid #e44040}

.fixed-show{top: 0; margin-top: 80px;}

.demo-dow{margin:20px auto}
.demo-dow a{margin-left:1%;margin-right:1%;width:160px}
.demo-dow a.website{background-color:#627AAC;border:1px solid #6076A4}
.demo-dow a.demo{background-color:#33C26E;border:1px solid #3BA968}
.demo-dow a.download{background-color:#D96767;border:1px solid #C05B5A}
.demo-dow a.demo:hover{background-color:#00b34a;border:1px solid #0B9443}
.demo-dow a.website:hover{background-color:#3b5998;border:1px solid #39548E}
.demo-dow a.download:hover{background-color:#D04241;border:1px solid #B13231}



.search-btn{padding:0 12px;border-radius:0 2px 2px 0;width:15%}
.site-search-form{padding:25px 20%}
.search-input{border:solid 1px #FF5E52;width:85%;padding:4px 12px;border-right:none;border-radius:2px 0 0 2px;outline:none}
.header .search,.search-btn,.header,.head-fixed,.current-page-header,.container-fluid,.aside,.fixed-show,.mask2,.flexslider,.all-work-list,.moban-head,.jquery-men,.all-men,.about,.article-class-men li,.user-main{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s}

.header .search{height:100px;background-color:#FFFFFF;top:-50px;box-shadow: 1px 1px 2px #eee;}
.search-on .header .search{top:58px}
.so-show{padding:0 20px;}
	
.login-menu img{margin-top: 12px;}
.login-menu .user-bcate{width: 90px;top: 58px;padding: 5px 0;box-shadow: 0 2px 4px rgba(0,0,0,.12);border: 1px solid #d2d2d2;left: -20px;}







.main-content .entry-content a,.about a{padding-right:18px;background:transparent url("../images/blank-link.gif") no-repeat scroll right top;margin:0 6px}
.entry-content p code{padding: 0 5px;margin: 0 5px;font-family: inherit}
.entry-content h6,.small-title{padding: 10px 0;border-bottom: 1px solid #EEE;}
.hot-icon{width:11px;height:11px;background:url("../images/hot.gif") no-repeat left top}
.advdbg{height:120px;margin:0 -30px}
.advdbg a{padding:12px 20px;}
.entry-content{letter-spacing:0.5px}
.entry-content p{margin:20px 0;line-height:28px;text-indent:25px;}
.post-meta{margin:0 0 30px;border-bottom:1px solid #eee;line-height:45px;}
.post-meta ul{margin:0 0 5px}
.post-meta li{margin-right:45px;line-height:45px}
.post-meta .avatar{width:45px;height:45px;vertical-align:middle;margin-right:5px;border:solid 2px #fff;-moz-border-radius:50px;-webkit-box-shadow:0 2px 1px #e5e5e5;-moz-box-shadow:0 2px 1px #e5e5e5;box-shadow:0 2px 1px #e5e5e5}
.post-meta .avatar img{max-width:100%}
.post-meta li.jr{padding:3px 8px}



.entry-content table{border-collapse:collapse;width:100%;margin:10px 0px}
.entry-content table td,.entry-content table th{border:1px solid #EDEDED;padding:8px;line-height:30px}


.post-meta li.fr span,.f,.current-page-header h4 a{color:#FC5732}
.search-input:focus{border-color:#FF5E52}
.main-wrap{max-width:1170px;margin:0 auto}
.main-wrap .aside{width: 196px;padding-top: 25px;padding-right: 35px}
.article-content{border-left: 1px solid #eee;border-right: 1px solid #eee}
#article-content{padding-top:15px}
.main-wrap .article-content{float:none;width:auto;min-height: 1500px;}
.main-wrap .article-content,.likes{padding-top:10px}
.main-content{padding:0 30px}
.info-img{margin:20px}
.header .cate ul{width:80%;margin:auto;left:0;right:0;top:58px;padding:5px 0;box-shadow: 0 2px 4px rgba(0,0,0,.12);border: 1px solid #d2d2d2;}

.header .cate ul li a{padding:8px 0;}

.tags{margin-top:20px;width:102%}

.tags a{width: 76px;margin: 0 10px 5px 0;border: 1px solid #e9e9e9;padding: 5px 0;white-space: nowrap;height:30px}

.has-border:hover {box-shadow: 2px 2px 7px #eee;border: 1px solid #ececec;}
.has-border{padding: 9px;margin: -10px -10px;border: 1px solid transparent;}
.tags a:hover{background-color: #489BEA}


.ptags{margin-top:15px}
.fabulous{padding:10px 20px;box-shadow:1px 1px 1px 1px rgba(0,0,0,.3);}
.code-img div.fl{margin-right:20px}
.fabulous:before{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:#ffffff;box-shadow:-2px -2px 3px -1px rgba(0,0,0,0.1);content:'';position:absolute;top:-5px;left:48.5%;width:0.75rem;height:0.75rem}
.text-center{margin:20px}
.text-center a{padding:10px 50px;margin:0 3px;letter-spacing:.08rem;}

.navigation a{top:40%;width: 50px;height: 60px;background:#EDEDED;line-height: 60px;}
.navigation a.fixed-prev{left: 0}
.navigation a.fixed-next{right:0}

.mm-menu{width:180px;top:0px;left:0;visibility:hidden;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;border-right:1px solid #ccc}
.mm-menu ul li a{padding: 10px 0;margin-left:10%;}
.mm-menu ul li{border-bottom: 1px solid #e8e8e8;position:relative}
.mm-menu ul li .r2{position:absolute;right:2%;top:14px;color:#ccc}
.pushc{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}

.tool a{padding: 10px 15px;margin-bottom: -1px;}

.tool a i{width: 25px;height: 18px;}
.tool a i.css{background-position: -25px -66px;}   
.tool a i.html{background-position: -25px -84px;}   
.tool a i.json{background-position: -25px -102px;}   
.tool a i.md5{background-position: -25px -48px;}  

.art-a li{height: 28px;line-height: 28px;}
.art-a li span{background: #999;padding: 0px 6px;margin-right: 5px;}  
.art-a li a{height: 23px;}
.art-a li a:hover{color:#333}   
span.num-1, span.num-2, span.num-3 {background: #fe4800!important;} 

.art-a .art-img a h5{bottom: 4px;background-color: rgba(17,17,17,0.51);padding: 5px;margin: 0;white-space:nowrap;}
     
.rt-men{margin-left: 600px;z-index:10;bottom: 30px;}
.rt-men a{margin-bottom: 5px;border: 1px solid #ccc;}
.rt-men a span{width: 50px}


/* a.qq-rl{animation: change 1.5s  ease-in  infinite ;border:1px solid #e44040} */
/* a.qq-rl{color:#e44040;} */
.rt-men a:hover{animation: 0;}


.ptags a{background:#EDEDED;height:25px;line-height:25px;color:#838383;margin-bottom:5px}
.ptags a:first-of-type{margin-left:10px}
.ptags a:hover{background:#65686A}

.ptags a{padding:0 10px}
.likes ul li{width:22.7%;margin: 15px 1.2% 10px 1.2%;}

.likes li div.title{padding:5px 5px 0}
.likes li div.title p a{white-space:nowrap;text-overflow:ellipsis}


.loop-nav{border-top: 1px solid #eee;padding: 10px 0;}
.loop-nav .previous,.loop-nav .next{width: 50%;}
.loop-nav .next{text-align: right;}


.loop-nav span{color: #cdcdcd;font-weight: bold;font-family: Arial,Helvetica,sans-serif;line-height: 30px;}
.loop-nav div:nth-child(1) span{margin-left: 20px;}
.loop-nav .next span{margin-right: 20px;}


.reward-like{margin:50px auto;width:240px}

.in-menc{margin-bottom: 20px;}
.in-menc i{font-weight: 100;}
.reward .reward-a{width: 48px;height: 48px;left: 96px;top: -5px;line-height: 48px;background-color:#FC5732;}

.reward-empty {left: 90px;top: 0;width: 62px;height: 39px;}
.reward-empty span{width: 60px;height: 60px;margin: -10px 0 0 0;border: 1px solid #ccc;}

.reward-like .share-a:hover,.like:hover{background-color: #f1f1f1;transition: all .2s ease-in 0s;}
/* .reward .reward-a:hover{background-color:#EA4848;transition: all .2s ease-in 0s;} */

.like,.share-a{width:120px;border: 1px solid #ccc;line-height: 36px;padding-left: 15px}


.con-left{width: 161px;}
.in-a-list{margin-bottom: 20px;}
.in-a-list ul{margin-right: -45px;}
.in-a-list li{line-height: 26px;width:420px;margin-right: 45px;padding: 5px 0;}


.in-a-list li a.c-title{width:230px;text-overflow: ellipsis; white-space: nowrap;}
.entry-content img{max-width: 100%;}
.mark{background: rgba(0,0,0,0.2);left: 0;top: 0;visibility: hidden;opacity: 0;}
.mark.modal-show-for-img{opacity: 1;visibility: visible;}

.info-img img.img_zoom_in,.entry-content img.img_zoom_in{z-index: 1000;width: auto;cursor: zoom-out;max-width: none;transition: all .3s;}
.info-img img,.entry-content img{cursor: zoom-in;transition: all .3s;}
.linkbox,.in-a-list{padding: 15px 20px 15px}
.linkbox h3{border-bottom: #f0f1f1 1px solid;padding-bottom: 10px}
.linkbox a{margin: 5px 10px 5px 0;}
/* 登陆CSS */

.login-window{padding:20px 30px}
.login-window .model-logo{width: 150px;margin:10px auto;background-position: -50px 10px;}
.login-window .login-div{margin-top: 15px;}

.login-window .login-div .login-ico{padding: 8px 15px;height: 38px;line-height: 20px;border: 1px solid #e6e6e6;border-radius: 2px 0 0 2px;background-color: #FBFBFB;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;}
.login-window .login-div .login-ico i{font-size:22px;color:#B7B6B6}
.login-window .login-div .login-input {width: 285px;margin-left:-1px}
.login-window .login-div .login-input input {height: 38px;border: 1px solid #e6e6e6;border-radius: 0 2px 2px 0;padding-left: 10px;outline: 0;-webkit-transition: border-color .3s cubic-bezier(.65,.05,.35,.5);transition: border-color .3s cubic-bezier(.65,.05,.35,.5);box-sizing: border-box;}



.login-window .login-bot{background: #f9f9f9;bottom: 0;padding:0 15px;left: 0;}

.login-window .login-bot a.fr,.login-bot span.fr a,.com-title,.com-aite{transition: all 0.3s;}


.login-title{padding: 10px 0}
.login-title:after {content: ' ';height: 1px;border-top: 1px solid #ededed;top: 20px;left: 0;}
.login-title span{width: 195px;line-height: normal;color: #666666;z-index: 2;}
.login-window .close-popup{-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.login-window .close-popup:hover {transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);}




.login-bot .qq-login,.login-bot .wb-login{padding:5px 10px;margin-right:10px}
.login-bot .qq-login i,.login-bot .wb-login i{height:16px;}
.login-bot .qq-login i{background-position: -25px 0;width: 20px}
.login-bot .wb-login i{background-position: -25px -16px;width: 25px;}



.register-window .login-div .login-ico{width:100px}
.close-popup{right: 10px;top:8px;}

.comment .field{clear: both; margin: 15px 0 0.7em;}
.comment .field textarea {-webkit-appearance: none;tap-highlight-color: hsla(0,0%,100%,0);padding: .78571429em 1em;border: 1px solid rgba(34,36,38,.15);outline: none;box-shadow: inset 0 0 0 0 transparent;transition: color .1s ease,border-color .1s ease;font-size: 1em;line-height: 1.2857;resize: vertical;width: 100%;font-family: inherit;}

.comment .release{padding:5px 10px;}

.comment .field textarea:focus {border-color: #4DA7FD;}

.comment .com-list li{padding: 20px 0 10px;border-bottom: 1px dotted #DFDFDF;}


.com-p img{width: 45px;height: 45px;margin: 0;}
.vip{color:red}

.com-title{left:55px;top:20px}
.com-title i{margin-left:3px}
.com-time{left:55px;top:45px}
.com-reply{right: 20px;top: 25px;border: 1px solid #ccc;padding: 3px 10px;}

.com-reply i{background-position: -25px -139px;width: 25px;height: 16px;}
.com-body{line-height: 24px;}
.com-body img{vertical-align: middle;}
.com-aite{margin-right:5px}
.com-aite span{font-family: Helvetica Neue,Helvetica,PingFang;}

.com-page{margin: 10px auto;display: table;}
.com-page .com-page-next{padding: 5px 20px 5px 40px;}

.com-null-w{background: #f0f0f0;padding: 5px;color: #aaa;}



.footer-men{padding: 20px 0;}
.footer-men-title i{width: 28px;height:23px;top: 4px;}

.footer-men li{width:210px;margin:1%}
.footer-men-list a{line-height: 24px;}
.footer-men-list i{margin:0 5px;font-size:1px;height:13px;}
.footer-men .fo-men-gd{padding: 5px 10px;background:#FF9101;width: 100%}
.fo-img i{background-position: -25px -152px;}
.fo-sr i {background-position: -25px -179px;}  
.fo-men i {background-position: -25px -205px;}  
.fo-ui i{background-position: -25px -235px;}   
.fo-qt i{background-position: -25px -124px;}
.has-border em{position:relative}
.has-border img{width:100%;height:auto}
.has-border em:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0}
.has-border:hover em:after{background:rgba(0,0,0,0.2)}
/* 表情包 */
.biaoqiang-window ul{width:394px;padding:10px;border:1px solid #D9D9D9;box-shadow:0 0 20px rgba(0,0,0,.2)}
.biaoqiang-window ul li{border:1px solid #e8e8e8;height:32px;width:32px;margin:-1px 0 0 -1px;padding:4px 2px}
.biaoqiang-window ul li:hover{z-index:2;border:1px solid #eb7350;background:#fff9ec}


/*文章列表*/
.article-category .main-content{max-width: 520px;margin-right: 300px;margin-left: 90px;padding: 0;width: auto;}
.entry-title{line-height: 1.5em;height: 1.5em;margin-bottom: 5px;}
.article-category .main-content ul.article-list li{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ddd}
.entry-title a{font-size:1.2rem}
.list-info{margin-bottom:15px;height:18px;line-height:20px;color:#bbb}
.entry-summary{color:#585858}
.sidebar{width:270px}
.list-img img{max-width: 100%;}
.sidebar .tabs-line{font-size:1.2em;margin-bottom:0.7em}
.sidebar .tabs-line span{width:33%;background:#f2f2f2;border-bottom:solid 1px #e4e4e4;border-right:1px solid #e4e4e4}

.sidebar .tabs-line span.current{background:#fe4800;border-bottom:1px solid #fe4800}

.sidebar .widget ul u{color: #ccc;margin-left:5px}

.sidebar .widget li.most-view{height: 28px;line-height: 28px}
.sidebar .widget li.most-view a{color: #8a8a8a;}   
.sidebar .widget li.most-view a:hover{color:#000}
h3.widget-title {background: #f3f3f3;border-left: 10px solid #e9e9e9;padding: 5px 10px;}
.so-ar{margin: 10px 0px 15px 0;height: 37px;}

.so-ar i{padding: 10px 12px;border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
h2.recom-title {border-bottom: 1px solid #eee;height: 41px;}  
h2.recom-title span {height: 30px;line-height: 30px;}  
.article-category .article-content{padding-top:20px;}
  
.article-category .current-page-header{border-bottom: 1px solid #fff}

.category-men{margin-bottom: 20px}
.category-men li{line-height:30px;padding:1px;width:33%}
.category-men li a{white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;padding:0 2px;transition-duration:.5s}
.category-men a:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}



/* index */

.all-work-list{padding: 40px 0;width: 100%;}
.text-b a{color:#666;padding: 0 5px;}
.work-list-box .list-content ul li{margin:0 20px 20px 0;width:260px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.work-list-box ul{margin-right:-20px}
.card-img,.card-img img{width:260px;border-radius:4px 4px 0 0}
.card-info{padding:5px 16px 13px;height:100px;position:relative}
.card-info .card-info-title{margin-bottom:1px;position:relative;height:20px;line-height:20px;white-space:nowrap;text-overflow:ellipsis;}
.card-info .card-info-title .title-content{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis}
.card-info .card-info-title a{color:#333}
.card-info .card-info-type{color:#bbb;margin-bottom:17px;height:18px}
.card-info .card-info-item{color:#bbb;position:absolute;bottom:14px}
.card-info .card-info-item span{margin-right:10px;cursor:default}


/* 首页搜索 */
.flexslider{height: 200px;background:url('http://img.dmaku.com/upload/jquery/20180620104433.png');background-size: cover;}
.flexslider form{padding-left: 10px;}
.flexslider h3{padding-top: 35px;}

.flexslider form .slide7-icon{color:#28a63b;margin-right:5px;margin-left:8px}
.flexslider form .slide7-host{background:rgba(0,0,0,0);width:600px;color:#666}
.flexslider form button{background:#2aa53a;width:auto;padding:0 20px;border-radius:0 4px 4px 0;font-family:inherit;position:absolute;right:0}
.slide7-icon:hover .z180,.top-so:hover .z180{-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.dmaku-dt,.top-so-b{box-shadow: 0 2px 4px rgba(0,0,0,.12);border: 1px solid #d2d2d2;position: relative;border-top: none;z-index: 1;top: -1px;}
.dmaku-dt li,.top-so-b li{padding: 5px 0px;line-height: 25px;}

.dmaku-dt li:hover{background-color:#28a63b}
/* 内容没有搜索到 */
.no-find{padding-top:150px;min-height:612px}
.no-find p{padding-top:25px}

/* 后加 footer*/
#footer{background:#313439;width:100%;padding:30px 0;color:#8e8e8e}
#footer .bt-ti{font-size:25px;color:#CFCFCF;margin-bottom:30px}
#flinks{height:20px;line-height:20px}
#flinks a{margin-right:10px;background:url(../images/ico.png) no-repeat;background-position:-10px -260px;padding-left:30px}
#flinks a.a1{padding-left:0;}
#flinks a:hover{-webkit-transition-duration:.1s;transition-duration:.2s;text-shadow:0 0 5px #fff;}
#banquan{color:#8e8e8e;border-top:solid 1px #494c50;padding-top:20px}
#banquan a,#banquan span.fr u{color:#2AA53A}
#banquan #add_favorite{border:1px solid #8e8e8e;font-weight:normal;font-style:normal;padding:0 6px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;margin-right:7px;margin-left:7px}
#banquan a#add_favorite:link,#banquan a#add_favorite:visited{color:#8e8e8e}


/* 插件模板小菜单 */


.moban-head{padding:15px 0;position:relative;box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.moban-head ul{padding:5px 0 0 80px;}
.moban-head li{ padding: 0 20px}

.moban-head li:hover,.moban-head li.this,.article-class-men .this,.article-class-men a:hover{background: #4EABFF}
.moban-head li a{color: #747474;}
.moban-head span.men-name{position: absolute;line-height: 45px;}

.jquery-men{box-shadow:0 1px 5px rgba(0,0,0,.1);}
.jquery-men-top ul li{margin-left:20px;color:#717274;}

.b-men{position:absolute;width:100%;top:50px;z-index:1;box-shadow:0 1px 5px rgba(0,0,0,.2);height:0;webkit-transition:.25s ease .1s;-moz-transition:.25s ease .1s;-o-transition:.25s ease .1s;-ms-transition:.25s ease .1s;transition:.25s ease .1s}
.b-men ul{margin-left:2px}
.b-men ul li a{height:36px;line-height:36px;color:#747474;padding-left:10px;margin-top:2px;transition-duration:.5s}
.b-men ul li i{position:relative;top:2px;width:20px;margin-right:10px;height:16px;}
.jquery-men-top ul li{width:150px}
.b-men ul{width: 165px;}
.jquery-men:hover .b-men{padding: 10px 0;height: 500px;}
.b-men ul li a:hover{-webkit-transform: scale(0.9);    transform: scale(0.9)}

.im-men{padding: 15px;}
.icon{width:9px;height:9px;background-position:0px -267px;transition:transform ease .3s;margin-left: 5px}
.jquery-men:hover .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg)}

.card-img{min-height: 183px;}
/*列表分页*/
.page{margin:20px 0px}
.page .pagination{padding-right:5px}

.page .pagination li a,.pagination li span{padding:10px 17px;border:1px solid #e2e2e2;margin:0 5px 5px 0}



/* 地图 */
.all-men,.about{padding:10px 0 40px}
.all-men p{padding:10px 0px;line-height:30px}
.all-men li,.article-class-men li{width: 14.285714%;line-height:280%;padding:1px}
.article-class-men li{width:33.333333%}
.all-men li a,.article-class-men li a{white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;padding:0 2px;transition-duration:.5s}
.all-men li a:hover,.article-class-men li a:hover {-webkit-transform: scale(0.9);transform: scale(0.9);}
.article-class-men{padding: 20px 2%;}
/* 关于我们 */
.about p{line-height: 2em;margin-bottom: 15px;text-indent: 2em;}


.about img {margin: 10px auto;}
/* demo-header */
/*.demo-header{background-color:#313439;width:100%;z-index:8;top:0;box-shadow:0 1px 2px rgba(0,0,0,0.1),position: relative;}*/
.demo-header{background-color:#313439;width:100%;z-index:8;box-shadow:0 1px 2px rgba(0,0,0,0.1),position: relative;}
.demo-header .navbar{width:95%;margin:0 auto}
.demo-header .navbar li a.arve{opacity:1;}
.demo-header .navbar li a{padding:0 5px;opacity: .5;font-size: 16px;}
.demo-header .navbar li a:hover{opacity: 1;}
.demo-header .navbar li a.ma{margin-left:30px}
.demo-header .navbar li a.ma .erl{border:1px solid #e2e2e2;z-index:99;position:absolute;width:200px;color:#808080}
.demo-header .navbar li a.ma .erl img{margin:auto}
.demo-header .navbar li a.ma .erl p{line-height:15px;padding-bottom:20px}
.demo-header .navbar span{margin-left:20px}

.demo-header .navbar li{
    margin-right: 8px;
}
.demo-header .navbar li .ue{
    display: inline-block;
    width: 44px;
    height: 44px;
    vertical-align: middle;
    text-align: center;
    line-height: 44px;
    margin-right: 8px;
}
.demo-header .navbar li .pc .ue{
    background: url(../images/icon.png) 0px 0px no-repeat;
}
.demo-header .navbar li .portrait .ue{
    background: url(../images/icon.png) -132px 0px no-repeat;
}
.demo-header .navbar li .landscape .ue{
    background: url(../images/icon.png) -176px 0px no-repeat;
}
.demo-header .navbar li .phone .ue{
    background: url(../images/icon.png) -44px 0px no-repeat;
}
.demo-header .navbar li .phone2 .ue{
    background: url(../images/icon.png) -88px 0px no-repeat;
}

.navbar-tip{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);z-index: 9;display: none;}
.navbar-tip img{position: absolute;top: 150px;left: 120px;}

.preview-pc .preview-view{position: inherit;}


.preview-phone,.preview-phone2,.preview-landscape,.preview-portrait{margin:0 auto;border-radius:40px;box-shadow:0 1px 2px rgba(0,0,0,0.2)}

.preview-phone .preview-top,.preview-portrait .preview-top{height:76px;padding-top:26px}
.preview-phone2 .preview-top,.preview-landscape .preview-top{width:76px;padding-left:26px}

.preview-top i{margin:0 auto;height:11px;width:11px}
.preview-phone .preview-top i,.preview-portrait .preview-top i{margin-bottom:6px}
.preview-phone2 .preview-top i,.preview-landscape .preview-top i{margin-left:6px;top:48%}
.preview-top i,.preview-top span,.preview-home{background:#e3e3e3;}
.preview-portrait .preview-top span,.preview-phone .preview-top span{margin:0 auto;height:8px;width:86px;border-radius:30px}
.preview-phone .preview-home,.preview-portrait .preview-home{bottom:20px;margin-left:-21px;width:42px;height:42px}
.preview-phone2 .preview-top span,.preview-landscape .preview-top span{margin:0 auto;height:86px;width:8px;border-radius:30px;top:40%;left:50px}


.preview-phone{width:407px;height:811px}




.preview-phone .preview-view{width:375px;height:660px;}
.preview-phone2{height:357px;width:800px}
.preview-phone2 .preview-home{right:20px;margin-top:-21px}
.preview-phone2 .preview-view{left:76px;top:16px;width:640px;height:320px;}
.preview-landscape{height:714px;width:1200px}
.preview-landscape .preview-home{right:20px;margin-top:-21px}
.preview-landscape .preview-view{left:76px;top:16px;width:1026px;height:677px;}
.preview-portrait{width:803px;height:1082px}

.preview-phone2 .preview-home,.preview-landscape .preview-home{width:42px;height:42px}
.preview-portrait .preview-view,.preview-phone .preview-view{top:76px;left:16px;}

.preview-portrait .preview-view{width:770px;height:931px;}



.preview-nav-list-block{padding: 3px;}

.preview-nav-list-block span{height:34px;line-height:34px;color:#888888;padding:0px 10px;border-right:1px solid #DCDBDB;}


.tool-a{min-height:700px}

.tool-small ul{margin:auto;left:0;right:0;top:58px;padding:5px 0;box-shadow:0 2px 4px rgba(0,0,0,.12);border:1px solid #d2d2d2;position:absolute}

.tool-small ul a{padding: 8px 0;}

.tool-men .tool-small{position:relative;z-index:1}
.tool-men .tool-small span{padding:20px;width:150px}





.tool-title{padding: 10px 15px;border-bottom: 1px solid #ddd;}	
.tool-main{border-top-left-radius: 4px; border-top-right-radius: 4px;    margin: 20px auto;}
.tool-title h4{margin-bottom: 5px;}

.text-center-all{width:100%;line-height: 19px;padding-top:8px}
.list-tag li{width:7%}
.jsontext .linedwrap{border:1px solid #ccc}
.piece{padding:15px}
.jsontext .lines{color:#afafaf;background-color:#F5F5F5;border-right:1px solid #e1e1e8;border-top-left-radius:4px;border-bottom-left-radius:4px;padding:8px 0;margin-right: 11px;}
.jsontext .linedwrap .lines .lineno{text-align:right;padding:0 .5em 0 1em}
.bat{font-size:0;padding: 15px 0}
.btn{height:32px;padding:0 18px;background-color:#2789E9;border:1px solid #2079D0}
.bat .del{border-radius:0 2px 2px 0;border:1px solid #e44040}
.btn:first-child{border-radius:2px 0 0 2px}
.btn+.btn{margin-left:-1px}
input,button,textarea{font-family:inherit;outline:none}
.error{background:#FBE3E4;color:#D12F19;border:1px solid #FBC2C4}
.success{background:#2aa53a;color:white;border:1px solid #1A941A}
.success,.error{padding:10px}
.input-div{display:table;border-collapse:separate;padding:10px 0}
.span-content{padding:6px 12px;font-weight:400;line-height:1;color:#555;background-color:#eee;border:1px solid #ccc}
.span-content{width:1%;white-space:nowrap;vertical-align:middle}
.input-content,.span-content{display:table-cell}
.span-content{border-top-right-radius:0;border-bottom-right-radius:0}
.span-content{border-right:0}
.input-content{padding:6px 12px;line-height:1.42857143;color:#555;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.tool-list{width:282px;margin:0 13px 13px 0;border:1px solid #CCC;background-image:-webkit-linear-gradient(top,#FFF,#F9F9F9);position:static}
.tool-list:hover{box-shadow:0 3px 8px 0 rgba(0,0,0,0.2)}
.tool-list-inner{padding:10px 15px 10px 8px;position:relative;_position:static}

.tool-list .tool-list-icon{margin-right:10px;width:48px;height:48px;background:url(../images/tool.png) no-repeat;}
.tool-list h3{font-weight:bold;margin:0;line-height:1.4;margin-bottom:5px;height:22px}
.tool-list a{color:#333;}

.tool-list .tool-list-desc{border-top:1px solid #DDD;margin-top:8px;padding:10px 0;text-overflow:ellipsis;white-space:nowrap}
.tool-list .tool-list-ft{text-align:right}
.tool-list .tool-list-link{margin-top:3px;max-width:200px;text-overflow:ellipsis;white-space:nowrap}
.tool-list a.tool-list-btn{padding:3px 12px}
.tool-list a.tool-list-btn::before{content:"";position:absolute;transition:all .2s ease-in-out;right:50%;bottom:0;border-bottom:2px solid transparent}
.tool-list-a{padding:20px 0;margin-right:-10px}
.tool-list-category{color:#bbb}

a.tool-list-icon.tool-b-xml {background-position: -48px 0;}
a.tool-list-icon.tool-b-sql {background-position: -96px 0;}
a.tool-list-icon.tool-b-htmljs {background-position: -144px 0;}
a.tool-list-icon.tool-b-json {background-position: -48px -48px;}
a.tool-list-icon.tool-b-base64 {background-position: -96px -48px;}
a.tool-list-icon.tool-b-md5 {background-position: -144px -48px;}
a.tool-list-icon.tool-b-url16{background-position:0 -96px}
a.tool-list-icon.tool-b-semiang{background-position:-48px -96px}
a.tool-list-icon.tool-b-dmkpy{background-position:-96px -96px}
a.tool-list-icon.tool-b-sum{background-position:-144px -96px}
a.tool-list-icon.tool-b-quchong{background-position:0 -144px}
a.tool-list-icon.tool-b-rmb{background-position:-48px -144px}
a.tool-list-icon.tool-b-css3 {background-position: -96px -144px;}
a.tool-list-icon.tool-b-escape,a.tool-list-icon.tool-b-ms{background-position: -144px -144px;}
a.tool-list-icon.tool-b-fanti,a.tool-list-icon.tool-b-huoxing,a.tool-list-icon.tool-b-unicode,a.tool-list-icon.tool-b-zimu{background-position: 0 -192px;}
.input-content{width:97%;margin-bottom:0}
.input-content{border-top-left-radius:0;border-bottom-left-radius:0}
.input-content:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}


.list-content li.adver{display:block!important}
@media (max-width: 1880px){
	.public .local{width: 1170px;}	
	.public .list-content ul li,.card-img, .card-img img{width: 275px}	
	.jquery-men-top ul li,.b-men ul{width:120px}
	.in-a-list li{width:345px}
	.in-a-list li a.c-title{width:170px}
	.list-content li.adver{display:none!important}
}
 


@media (max-width:1199px){
	.public .local{width: 880px;}
	.article-category .main-content{margin-left: 35px;}
	.advdbg img{width:100%}
	.main-wrap{    padding-left: 15px;    padding-right: 15px;}
	.wrap{padding-left:15px;padding-right:15px}
	.public .header .local,.local{width:100%}
	.im-men{display:block}
	.jquery-men-top,.b-men{display:none}
	.all-men,.about{padding: 10px 2% 40px;}
	.in-menc{text-align: center;line-height: 30px;}
	.in-a-list li {width: 395px;}
	.in-a-list li a.c-title {width: 200px;}
	
}


@media (max-width:1080px){
	.all-men li {width: 20%;}	
}
@media (max-width:1023px){
	.advdbg{margin:0 -15px;height:auto;}
	.info-img img{width:80%}
	.header .nav-men ul li a{font-size:14px;}
	.post-meta ul{text-align:center}
	.main-content{padding:0 0 0 15px}
	.likes ul li {width: 47.5%;}
	.current-page-header .divshare{margin-bottom:20px}
	.search .local{width:96% !important}
	.site-search-form{padding:25px 0}
	.ptags{margin-left:0;}
	.article-category .sidebar{display:none}
	.article-category .main-content{margin-right: 0;}
	.top-so{right: 15%;}
	#footer{text-align:center}
	#footer .bt-ti{margin-bottom:10px}
	#flinks a{background:none;padding-left:0;}
	#flinks{height:auto}
	#footer #banquan{margin-top: 20px;line-height: 20px;}
	#footer #banquan span.fr{display: block;float: none;}
	.article-category .current-page-header{position: relative;height: auto;text-align: center;}
	.article-category .container-fluid{margin-top: 0px;}
	.article-class-men{display:block}
}
@media (max-width: 950px){
	.public .local{width: 580px;}
	.in-a-list li{width:100%}
	.in-a-list ul {margin-right:0;}
}

@media (max-width:767px){
	.about img{width: 100%;}
	.all-men p{text-align:center}
	.all-men li {width: 33.3333333333%;}	
	.all-men li a{font-size:13px}
	.container-fluid{background:none;}
	.rt-men,.aside{overflow:hidden}
	.rt-men{opacity:.4;margin-left:0;left:auto;right:20px;bottom:10px}
	body{background:#f7f7f7}
	.m-nav-show{position: fixed;top: 0;right: 0;left: 0;bottom: 0;height: 100%;width: 100%;}
	.header .nav-men,.login-menu,.hidden-xs,.navigation,.fixed-show,.footer-men,.text-b{display:none !important}
	.main-wrap .aside{width:0px;padding:0;}
	.header .so-login-men .so-show i{font-size:16px;padding-right:15px}
	.post-meta,.info-img{margin:0 0 20px}
	.wap-men{display:block;padding:20px 30px 13px 15px;font-size:16px}
	.header .logo{float:none;text-align:center;position:absolute;left:0;right:0;z-index:-1}
	.advdbg{margin:0}
	.post-meta .avatar{width:30px;height:30px}
	.post-meta li{margin-right:5px;line-height:20px}
	.advdbg a{padding:0 10px}
	.info-img img{width:100%}
	.main-wrap .article-content{margin:0 auto;padding-left:0;padding-right:0;border:none}
	.main-wrap .article-content{padding:0 5px;box-sizing:border-box;padding-top:15px}
	.main-content{padding:0}
	
	.main-wrap{max-width:none;background:#fff;padding: 0 5px 20px 5px;box-shadow:0 1px 3px rgba(0,0,0,0.2)}
	
	.wrap{max-width:none}
	.current-page-header h2{margin-bottom:10px;font-size:26px}
	.current-page-header h4 span{margin:0 3px}
	
	.post-meta{font-size:12px}
	.post-meta ul{text-align:center;line-height:20px;margin-bottom:16px}
	.post-meta ul li{display:inline-block;white-space:nowrap}
	
	.main-content .entry-content p{font-size:16px;line-height:28px;word-wrap:break-word}
	.likes{margin-left:0;width:100%;padding-left:0;background:#fff}
	.mask2.pushc{opacity: 1;top: 0}
	.pushc{-webkit-transform:translateX(180px);-moz-transform:translateX(180px);transform:translateX(180px)}
	.mm-menu.push{visibility:visible;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
	/*.header.pushc{position:fixed;width:100%;z-index:9}*/
	.article-category .main-content{margin: 0 auto;}
	.local{width:100% !important}
	.flexslider form{width:90%;}
	.flexslider form .slide7-host{width:60%;}
	.work-list-box{padding: 0 10px;}
	.work-list-box .list-content ul li,.work-list-box .list-content ul li img,.card-img{width:100%;}
	
	.work-list-box ul{margin-right:0}
	.flexslider h3 {font-size: 20px;}
	.moban-head li{width: 33.3%;text-align: center;}
	.moban-head ul{padding:5px}
	.moban-head span.men-name {    position: relative; text-align: center;  display: block;}
	.in-a-list li a.c-title {width:45%;}
	
	
}

@media (max-width:780px){
	.likes ul{padding:0}	
	.demo-dow{margin:5px 0 10px 0}
	.demo-dow a{width:98%;margin-top:5px}
}
.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody,.syntaxhighlighter table thead,.syntaxhighlighter table caption,.syntaxhighlighter textarea{-moz-border-radius:0 0 0 0 !important;-webkit-border-radius:0 0 0 0 !important;background:none !important;border:0 !important;bottom:auto !important;float:none !important;height:auto !important;left:auto !important;line-height:1.3em !important;margin:0 !important;outline:0 !important;overflow:visible !important;padding:0 !important;position:static !important;right:auto !important;text-align:left !important;top:auto !important;vertical-align:baseline !important;width:auto !important;box-sizing:content-box !important;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;font-weight:normal !important;font-style:normal !important;min-height:inherit !important;min-height:auto !important;}.syntaxhighlighter{width:100% !important;margin:1em 0 1em 0 !important;position:relative !important;overflow:auto !important;font-size:1em !important;}.syntaxhighlighter.source{overflow:hidden !important;}.syntaxhighlighter .bold{font-weight:bold !important;}.syntaxhighlighter .italic{font-style:italic !important;}.syntaxhighlighter .line{white-space:pre !important;}.syntaxhighlighter table{width:100% !important;}.syntaxhighlighter table caption{text-align:left !important;padding:.5em 0 0.5em 1em !important;}.syntaxhighlighter table td.code{width:100% !important;}.syntaxhighlighter table td.code .container{position:relative !important;}.syntaxhighlighter table td.code .container textarea{box-sizing:border-box !important;position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;border:none !important;background:white !important;padding-left:1em !important;overflow:hidden !important;white-space:pre !important;}.syntaxhighlighter table td.gutter .line{text-align:right !important;padding:0 0.5em 0 0em !important;}.syntaxhighlighter table td.code .line{padding:0 1em !important;}.syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line{padding-left:0em !important;}.syntaxhighlighter.show{display:block !important;}.syntaxhighlighter.collapsed table{display:none !important;}.syntaxhighlighter.collapsed .toolbar{padding:0.1em 0.8em 0em 0.8em !important;font-size:1em !important;position:static !important;width:auto !important;height:auto !important;}.syntaxhighlighter.collapsed .toolbar span{display:inline !important;margin-right:1em !important;}.syntaxhighlighter.collapsed .toolbar span a{padding:0 !important;display:none !important;}.syntaxhighlighter.collapsed .toolbar span a.expandSource{display:inline !important;}.syntaxhighlighter .toolbar{position:absolute !important;right:1px !important;top:1px !important;width:11px !important;height:11px !important;font-size:10px !important;z-index:10 !important;}.syntaxhighlighter .toolbar span.title{display:inline !important;}.syntaxhighlighter .toolbar a{display:block !important;text-align:center !important;text-decoration:none !important;padding-top:1px !important;}.syntaxhighlighter .toolbar a.expandSource{display:none !important;}.syntaxhighlighter.ie{font-size:.9em !important;padding:1px 0 1px 0 !important;}.syntaxhighlighter.ie .toolbar{line-height:8px !important;}.syntaxhighlighter.ie .toolbar a{padding-top:0px !important;}.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content{background:none !important;}.syntaxhighlighter.printing .line .number{color:#bbbbbb !important;}.syntaxhighlighter.printing .line .content{color:black !important;}.syntaxhighlighter.printing .toolbar{display:none !important;}.syntaxhighlighter.printing a{text-decoration:none !important;}.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a{color:black !important;}.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a{color:#008200 !important;}.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a{color:blue !important;}.syntaxhighlighter.printing .keyword{color:#006699 !important;font-weight:bold !important;}.syntaxhighlighter.printing .preprocessor{color:gray !important;}.syntaxhighlighter.printing .variable{color:#aa7700 !important;}.syntaxhighlighter.printing .value{color:#009900 !important;}.syntaxhighlighter.printing .functions{color:#ff1493 !important;}.syntaxhighlighter.printing .constants{color:#0066cc !important;}.syntaxhighlighter.printing .script{font-weight:bold !important;}.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a{color:gray !important;}.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a{color:#ff1493 !important;}.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a{color:red !important;}.syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a{color:black !important;}.syntaxhighlighter{background-color:#fbfbfb !important;border:1px solid #EDEDED;padding:10px}.syntaxhighlighter .line.alt1{}.syntaxhighlighter .line.alt2{}.syntaxhighlighter .line.highlighted.alt1,.syntaxhighlighter .line.highlighted.alt2{background-color:#c3defe !important;}.syntaxhighlighter .line.highlighted.number{color:white !important;}.syntaxhighlighter table caption{color:black !important;}.syntaxhighlighter .gutter{color:#cccccc !important;}.syntaxhighlighter .gutter .line{border-right:1px solid #e2e2e2 !important;}.syntaxhighlighter .gutter .line.highlighted{background-color:#d4d0c8 !important;color:white !important;}.syntaxhighlighter.printing .line .content{border:none !important;}.syntaxhighlighter.collapsed{overflow:visible !important;}.syntaxhighlighter.collapsed .toolbar{color:#3f5fbf !important;background:white !important;border:1px solid #d4d0c8 !important;}.syntaxhighlighter.collapsed .toolbar a{color:#3f5fbf !important;}.syntaxhighlighter.collapsed .toolbar a:hover{color:#aa7700 !important;}.syntaxhighlighter .toolbar{color:#a0a0a0 !important;background:#d4d0c8 !important;border:none !important;display:none;}.syntaxhighlighter .toolbar a{color:#a0a0a0 !important;}.syntaxhighlighter .toolbar a:hover{color:red !important;}.syntaxhighlighter .plain,.syntaxhighlighter .plain a{color:#353f5d !important;}.syntaxhighlighter .comments,.syntaxhighlighter .comments a{color:#929292 !important;}.syntaxhighlighter .string,.syntaxhighlighter .string a{color:#19ab00 !important;}.syntaxhighlighter .keyword{color:#0086b3 !important;}.syntaxhighlighter .preprocessor{color:#646464 !important;}.syntaxhighlighter .variable{color:#aa7700 !important;}.syntaxhighlighter .value{color:#009900 !important;}.syntaxhighlighter .functions{color:#ff1493 !important;}.syntaxhighlighter .constants{color:#0066cc !important;}.syntaxhighlighter .script{font-weight:bold !important;color:#7f0055 !important;background-color:none !important;}.syntaxhighlighter .color1,.syntaxhighlighter .color1 a{color:gray !important;}.syntaxhighlighter .color2,.syntaxhighlighter .color2 a{color:#ff1493 !important;}.syntaxhighlighter .color3,.syntaxhighlighter .color3 a{color:red !important;}.syntaxhighlighter .xml .keyword{color:#3f7f7f !important;font-weight:normal !important;}.syntaxhighlighter .xml .color1,.syntaxhighlighter .xml .color1 a{color:#7f007f !important;}.syntaxhighlighter .xml .string{font-style:italic !important;color:#2a00ff !important;}.syntaxhighlighter .line.alt2:hover{background-color:#C0F2FF}.syntaxhighlighter::-webkit-scrollbar{width:4px;height:4px;}.syntaxhighlighter::-webkit-scrollbar-track-piece{background-color:#ededed;margin:-2px;}.syntaxhighlighter::-webkit-scrollbar-thumb{background:#444444;min-height:150px;min-width:150px;border-radius:10px;}.syntaxhighlighter::-webkit-scrollbar-thumb:vertical:hover{background:#000}.syntaxhighlighter::-webkit-scrollbar-thumb:horizontal:hover{background:#000}


/*.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter,.syntaxhighlighter td,.syntaxhighlighter tr,.syntaxhighlighter tbody,.syntaxhighlighter thead,.syntaxhighlighter caption,.syntaxhighlighter textarea{-moz-border-radius:0!important;-webkit-border-radius:0!important;background:none!important;border:0!important;bottom:auto!important;float:none!important;left:auto!important;line-height:1.3em!important;outline:0!important;overflow:visible!important;position:static!important;right:auto!important;text-align:left!important;top:auto!important;vertical-align:baseline!important;width:auto!important;box-sizing:content-box!important;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-weight:400!important;font-style:normal!important;min-height:auto!important;font-size:13px!important;margin:0!important;padding:0!important}.syntaxhighlighter{width:100%!important;position:relative!important;overflow:auto!important;border:1px solid #ccc!important;border-radius:4px!important;border-collapse:separate!important;background-color:#f5f5f5!important;margin:.3em 0!important}.syntaxhighlighter.source{overflow:hidden!important}.syntaxhighlighter .italic{font-style:italic!important}.syntaxhighlighter .gutter div{white-space:pre!important;word-wrap:normal}.syntaxhighlighter caption{text-align:left!important;color:#000!important;padding:.5em 0 .5em 1em!important}.syntaxhighlighter td.code{width:100%!important}.syntaxhighlighter td.code .container{position:relative!important}.syntaxhighlighter td.code .container textarea{box-sizing:border-box!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;border:0!important;background:#FFF!important;padding-left:1em!important;overflow:hidden!important;white-space:pre!important}.syntaxhighlighter td.gutter .line{text-align:right!important;padding:0 .5em 0 1em!important}.syntaxhighlighter td.code .line{padding:0 1em!important}.syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line{padding-left:0!important}.syntaxhighlighter.show{display:block!important}.syntaxhighlighter.collapsed .toolbar{font-size:1em!important;position:static!important;width:auto!important;color:#00f!important;background:#FFF!important;border:1px solid #6ce26c!important;padding:.1em .8em 0!important}.syntaxhighlighter.collapsed .toolbar span{display:inline!important;margin-right:1em!important}.syntaxhighlighter.collapsed .toolbar span a{display:none!important;padding:0!important}.syntaxhighlighter .toolbar{position:absolute!important;right:1px!important;top:1px!important;width:11px!important;height:11px!important;font-size:10px!important;z-index:10!important;color:#FFF!important;background:#6ce26c!important;border:0!important}.syntaxhighlighter .toolbar a{display:block!important;text-align:center!important;text-decoration:none!important;padding-top:1px!important;color:#FFF!important}.syntaxhighlighter.ie{font-size:.9em!important;padding:1px 0!important}.syntaxhighlighter.ie .toolbar{line-height:8px!important}.syntaxhighlighter.ie .toolbar a{padding-top:0!important}.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content{background:none!important}.syntaxhighlighter.printing .line .number{color:#bbb!important}.syntaxhighlighter.printing .line .content{color:#000!important;border:0!important}.syntaxhighlighter.printing a{text-decoration:none!important}.syntaxhighlighter .gutter{color:#afafaf!important;background-color:#f7f7f9!important;border-right:1px solid #e1e1e8!important;border-top-left-radius:4px!important;border-bottom-left-radius:4px!important;user-select:none!important;-moz-user-select:none!important;-webkit-user-select:none!important;padding:9.5px 0 9.5px 9.5px!important}.syntaxhighlighter .gutter .line.highlighted{background-color:#6ce26c!important;color:#FFF!important}.syntaxhighlighter.collapsed{overflow:visible!important}.syntaxhighlighter .script{font-weight:700!important;color:#ff7800!important;background-color:none!important}.syntaxhighlighter .bold,.syntaxhighlighter.printing .script{font-weight:700!important}.syntaxhighlighter.collapsed table,.syntaxhighlighter .toolbar a.expandSource,.syntaxhighlighter.printing .toolbar{display:none!important}.syntaxhighlighter.collapsed .toolbar span a.expandSource,.syntaxhighlighter .toolbar span.title{display:inline!important}.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a,.syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a,.syntaxhighlighter .line.highlighted.number,.syntaxhighlighter .toolbar a:hover,.syntaxhighlighter .plain,.syntaxhighlighter .plain a{color:#000!important}.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a,.syntaxhighlighter .comments,.syntaxhighlighter .comments a{color:#008200!important}.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a,.syntaxhighlighter.collapsed .toolbar a,.syntaxhighlighter .string,.syntaxhighlighter .string a{color:#00f!important}.syntaxhighlighter.printing .keyword,.syntaxhighlighter .keyword{color:#ff7800!important;font-weight:700!important}.syntaxhighlighter.printing .preprocessor,.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a,.syntaxhighlighter .preprocessor,.syntaxhighlighter .color1,.syntaxhighlighter .color1 a{color:gray!important}.syntaxhighlighter.printing .variable,.syntaxhighlighter .variable{color:#a70!important}.syntaxhighlighter.printing .value,.syntaxhighlighter .value{color:#090!important}.syntaxhighlighter.printing .functions,.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a,.syntaxhighlighter .functions,.syntaxhighlighter .color2,.syntaxhighlighter .color2 a{color:#ff1493!important}.syntaxhighlighter.printing .constants,.syntaxhighlighter .constants{color:#06c!important}.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a,.syntaxhighlighter.collapsed .toolbar a:hover,.syntaxhighlighter .color3,.syntaxhighlighter .color3 a{color:red!important}*/


.navbar .download .download-btn{
    display: block;
    width: 198px;
    height: 53px;
    background: url(../images/icon-download-btn.png) 0 0 no-repeat;
    opacity: 1;
    margin-left: 30px;
}
.navbar .download .download-btn:hover{
    background: url(../images/icon-download-btn.png) 0 -53px no-repeat;
}